/**
 * 学习目标：使用React函数式组件
 */
import React from 'react';
import ReactDOM from 'react-dom';

// 创建函数式组件, 也可以使用箭头函数去声明
// 1. 函数名字，首字母大写
// 2. 函数需要有返回值
// 3. 如果不需要显示任何东西，返回null，不可以使用undefined之类的东西表示空
// function Hello() {
//   // return null;
//   return <h1>Hello React</h1>;
// }

const Hello = () => {
  return <h1>Hello React</h1>;
};

function sayHello() {
  return undefined;
}

// 使用组件
// 注意：React对大小写敏感，使用组件标签，一定是使用大写单词开头
const divNode = (
  <div>
    {/* {sayHello()} */}
    <Hello></Hello>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
